<!DOCTYPE html> 
<html> 
	<head> 
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Page Title</title> 
       <meta name="apple-mobile-web-app-capable" content="yes"/>
	<link rel="stylesheet" href="../../jquery.mobile-1.0rc2.min.css" />
	<script src="../../jquery-1.6.4.min.js"></script>
	<script src="../../jquery.mobile-1.0rc2.min.js"></script>>
       <script>
	
	</script>
     
     	<style>
		.content2
		{
			padding:150px 0 150px 0;
		}
	</style>
</head> 



<body>
    <div data-role="page" id="page_main" data-fullscreen="true">
        <div data-role="header"  data-position="fixed" >
		<h1>page1</h1>
              
        </div>
        
        <div data-role="content">
              <div class="content2">
              	<h2>page1<h2>
       	</div>
        </div>
        <div data-role="footer" data-id="foo1" data-position="fixed">
		<div data-role="navbar">
			<ul>
				<li><a href="navbar.html" class="ui-btn-active">page1</a></li>
				<li><a href="nav_page2.html">page2</a></li>
				<li><a href="nav_page3.html">page3</a></li>
			</ul>
              </div>
	</div>
    </div>
    
   
</body>
</html>
